*{
	margin:0;
	padding: 0;
}
body{
	margin:0;
	padding:0;
	font-size: 17px;
	background: rgb(245,245,245);
}
i{
	cursor: pointer;
}
.main{
	width: 99%;
	margin:0 auto;
}
.top{
	height:80px;
	width: 100%;
	line-height: 80px;
	background: rgb(40,62,74);
}
.logo-top{
	float: left;
	margin-top:15px;
	width:50px;
}
.logo-font{
	font-size:2rem;
	float: left;
	color:white;
	letter-spacing: 2px;
}
.search-box{
	margin-top:15px;
	height:50px;
	background: rgb(225,233,238);
	box-shadow: 1px 1px 1px 1px inset;
	border-radius: 5px 5px 5px 5px;
	line-height:55px;
}
.search-box i{
	cursor: pointer;
}
.search-box input{
	border:none;
	width: 70%;
	height:80%;
	margin-left:10px;
	background: rgb(225,233,238);
}
.title-index{
	text-align:center;
	margin-left:4%;
	cursor: pointer;
}
.col-line{
	float: left;
	margin-left:15px;
	margin-top:-15px;
	width: 1px;
	height:80px;
	border-left:1px solid rgb(225,233,238);
}
.content{
	width: 80%;
	height:800px;
	margin:0 auto;
}
.content-left{
	float: left;
	height:100%;
	width: 70%;
}
.content-right{
	float: left;
	margin-left:2%;
	height:100%;
	width: 27%;
}
.user-data{
	width: 100%;
	height:600px;
	background: white;/*#AFD2E6*/
	box-shadow: 2px 2px 2px #666;
	border-radius: 2px 2px 2px 2px;
	padding-bottom: 20px;
}
.user-img{
	width: 100%;
	height:300px;
	background:#AFD2E6;
	border-bottom:1px solid rgba(83,83,255,0.5);
}
.user-circle{
	width: 200px;
	margin:0 auto;
	height:200px;
	background: gold;
	border-radius: 100px 100px 100px 100px;
	position: absolute;
	top:330px;
	left:30%;
	z-index:10;
	border:5px solid white;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
.user-icon{
	width: 90%;
	padding-top:40px;
	margin:0 auto;
	text-align: right;
}
.user-datas{
	width: 200px;
	margin:0 auto;
	margin-top:40px;
	text-align: center;
	font-size:30px;
	line-height: 40px;
}
.point{
	width: 1px;
	height:1px;
	margin:0 auto;
}
.level{
	width: 100%;
	height:200px;
	background: white;
	margin-top: 50px;
	box-shadow: 2px 2px 2px #666;
	border-radius: 2px 2px 2px 2px;
}
.level-font div{
	padding-top:50px;
	padding-left:40px;
	padding-right: 40px;
	font-size: 30px;
	color:#4c4c4c;
	letter-spacing: 2px;
}
.level-font-2{
	text-align: right;
}
.level-font-2 i{
	cursor: pointer;
}
.level-level{
	border-radius: 2px 2px 2px 2px;
	width: 90%;
	height:20px;
	margin:0 auto;
	margin-top:20px;
}
.ex-level{
	height:100%;
	width: 100%;
	background: -webkit-linear-gradient(left, #544CC2 , rgba(137,207,240,0.9)); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #544CC2, rgba(137,207,240,0.9)); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #544CC2, rgba(137,207,240,0.9)); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #544CC2 , rgba(137,207,240,0.9)); /* 标准的语法 */
	display: flex;
}
.ex-level div{
	flex:1;
	height:100%;
	border-left:4px solid white;
}
.level-hiden{
	width: 100%;
	height:100%;
	background: #e1e9ee;
}
.provate{
	width: 100%;
	padding-bottom: 40px;
	background: #738B9A;
	margin-top:50px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
.provate .pro-title{
	padding-top: 50px;
	padding-left: 40px;
	line-height: 40px;
}
.provate .pro-title .p1{
	font-size:30px;
	color:white;
}
.provate .pro-title .p2{
	font-size:20px;
	color:#D5DBDF;
}
.pro-detail{
	width: 90%;
	height:100px;
	margin:0 auto;
	background: white;
	color:#0084BF;
	font-size:40px;
	margin-top:10px;
}
.pro-detail div{
	height:100%;
	border-left:1px solid #ccc;
	padding:10px 10px 0 10px;
	line-height: 40px;
}
.pro-data{
	font-size:15px;
	color:#262626;
}
.edu{
	width: 100%;
	margin-top:50px;
	background: white;
	box-shadow: 2px 2px 2px #ccc;
	border:1px solid #ccc;
}
.edu-title{
	width: 90%;
	margin:0 auto;
	margin-top:40px;
	font-size: 30px;
	color:#262626;
}
.edu-vc{
	width: 90%;
	margin:0 auto;
	margin-top:20px;
	color:#262626;
}
.edu-add{
	text-align: right;
}
.edu-data{
	padding-bottom: 40px;
}
.edu-data img{
	width: 90%;
}
.edu-data div{
	float: left;
}
.edu-mes{
	line-height: 40px;
	color:#262626;
	padding-top:10px;
}
.edu-editor{
	text-align: right;
}
/*********右边部分**********/

.right-btns{
	width: 100%;
	height:50px;
	border:2px solid #D0D0D0;
	margin-top:10px;
	color:#6e6e6e;
	cursor: pointer;
}
.right-btns div{
	padding:10px 30px 0 30px;
}
.right-btn1{
	background: #0084BF;
	color:white;
}
.right-logo{
	width: 90%;
	text-align: right;
	padding-top: 40px;
	padding-right: 40px;
	margin:0 auto;
}
.right-logo img{
	width: 20%;
	border-radius: 5px 5px 5px 5px;
}